var imgObj;
$(document).ready(function() {
	//加载表格数据
	ajaxTable();
	
	//设置显示违章图片对话框
	setDialog_showPic();
	//关闭显示违章图片对话框
	$('#showPic').dialog('close');
});

/**
 * 加载表格数据
 */
function ajaxTable(){
	//加载表格
	$('#recordInfoTable').datagrid({
		toolbar:[{
				text:'批量删除',
				iconCls:'icon-cancel',
				handler:function(){
					batch('delete');
				}
		}],
		pageNumber : 1,
		loadMsg:'数据加载中,请稍后...',
		pageList:[10,30,50,100], //设置每页显示多少条
		onLoadError:function(){
			alert('数据加载失败!');
		},
		queryParams:{},//查询条件
		onClickRow:function(rowIndex, rowData){
			//取消选择某行后高亮
			$('#recordInfoTable').datagrid('unselectRow', rowIndex);
		},
		onLoadSuccess:function(){
			//加载完成后，应用fancybox效果
			//$("a").fancybox();
			var value = $('#recordInfoTable').datagrid('getData')['errorMsg'];
			if(value!=null){
				alert("错误消息:"+value);
			}
		}
	}).datagrid('acceptChanges');
}

/**
 * 设置操作列的信息
 * 参数说明
 * value 这个可以不管，但是要使用后面 row 和index 这个参数是必须的
 * row   当前行的数据
 * index 当前行的索引  从0 开始
 */
function optFormater(value,row,index){
	var picid = row.breakRulePictureID;
	var carnum = row.carNum;
	var opt = '';
	//var edit = '<a class=\'iframe\' href=' + root+'/record/doShowPicture.jhtml?picid='+picid + '>查看图片</a> | ';
	var edit = '<a href="#" class="easyui-linkbutton" icon="icon-search" onclick="openDialog_showPic(\''+ picid+ '\')">查看图片</a> | ';
	var del = '<a href="#" class="easyui-linkbutton" icon="icon-cancel" onclick="doDel(\''+ picid+ '\' , \'' + carnum+'\')">删除</a>';
	return opt+edit+del;
}

/**
 * 设置弹出框的属性
 * @return
 */
function setDialog_showPic(){
	$('#showPic').dialog({
		title : '显示违章图片',
		modal: true,         	//模式窗口：窗口背景不可操作
		collapsible : false,  	//可折叠，点击窗口右上角折叠图标将内容折叠起来
		resizable : false,    	//可拖动边框大小
		draggable : false
	});
}

/**
 * 打开显示违章图片对话框
 * @param picid
 * @param carnum
 * @return
 */
function openDialog_showPic(picid){
	document.getElementById('showPicImg').src = root+'/record/doShowPicture.jhtml?picid='+picid;
	$('#showPic').dialog('open');
}

/**
 * 删除操作
 * @param picid
 * @param carnum
 * @return
 */
function doDel(picid,carnum){
	$.messager.confirm('删除提示', '你确定删除该数据吗?', function(r){
		if (r){
			var url = root+'/record/doDeleteRecords.jhtml?picid='+picid;
			changeStatus(url);
		}
	});
}

/**
 * 批量操作
 * @return
 */
function batch(flag){
	if($('#recordInfoTable').datagrid('getSelected')){
		//首先如果用户选择了数据，则获取选择的数据集合
		var ids = [];
		var selectedRow = $('#recordInfoTable').datagrid('getSelections');
		var delNumbers = 1;
		for(var i=0;i<selectedRow.length;i++){
			delNumbers++;
			ids.push(selectedRow[i].breakRulePictureID);
		}
		if( delNumbers > 6){
			$.messager.alert('错误提示',data,'一次最多只能删除6条数据');
		}
		
		var picid = ids.join(',');
		
		//删除操作
		$.messager.confirm('删除提示', '你确定删除下列数据吗?<br/>', function(r){
			if (r){
				var url = root+'/record/doDeleteRecords.jhtml?picid='+picid;
				changeStatus(url);
			}
		});
	}//end of if
}

/**
 * 刷新表格
 * @return
 */
function reloadTable(){
	$('#recordInfoTable').datagrid('reload');
}

/**
 * 修改状态的Ajax
 * @param url
 * @return
 */
function changeStatus(url){
	$.ajax({
		async : false,
		cache:false,
		type: 'POST',
		dataType : "json",
		url:url,//请求的action路径
		error: function () {//请求失败处理函数
			alert('请求失败');
		},success:function(data){
			if(data!=null){//返回异常信息
				$.messager.alert('错误提示',data,'error');
			}
			reloadTable();
		}
	});
}